import React from 'react'
import {ScWaterFall} from 'sc-components-test'
export default function demo() {
    const myList=[
        {
            key:'1',
            src:require('../../../assets/microapp1.png'),
            title:'图片1',
            description:'买哦书大达瓦达瓦达瓦',
            width:200,
            height:150
        },
        {
            key:'2',
            src:require('../../../assets/microapp2.gif'),
            title:'图片1',
            description:'买哦书大达瓦达瓦达瓦',
            width:200,
            height:200
        },
        {
            key:'3',
            src:require('../../../assets/logo.jpg'),
            title:'图片1',
            description:'买哦书大达瓦达瓦达瓦',
            width:200,
            height:300

        },
        {
            key:'4',
            src:require('../../../assets/microapp1.png'),
            title:'图片1',
            description:'买哦书大达瓦达瓦达瓦',
            width:200,
            height:250
        },
        {
            key:'1',
            src:require('../../../assets/microapp1.png'),
            title:'图片1',
            description:'买哦书大达瓦达瓦达瓦',
            width:200,
            height:150
        },
        {
            key:'2',
            src:require('../../../assets/microapp2.gif'),
            title:'图片1',
            description:'买哦书大达瓦达瓦达瓦',
            width:200,
            height:300
        },
        {
            key:'3',
            src:require('../../../assets/logo.jpg'),
            title:'图片1',
            description:'买哦书大达瓦达瓦达瓦',
            width:200,
            height:270

        },
        {
            key:'4',
            src:require('../../../assets/microapp1.png'),
            title:'图片1',
            description:'买哦书大达瓦达瓦达瓦',
            width:200,
            height:190
        }
    ]
  return (
    <div>
        <ScWaterFall list={myList} key="src" colNum={3} width={800} gap={50} />
    </div>
  )
}
